<template>
	<div class="header">
		<div class="wpr flex">
			<router-link to="home" class="item">
				<span class="music"><i class="iconfont icon-yinle"></i></span>
			</router-link>
		</div>
		
	</div>
</template>

<script>
export default {
	name: 'header',
	data() {
		return {
			name: 'header'
		};
	},
	mounted () {
	console.log('header vue');
  }
};
</script>

<style lang="scss">
@import '../base.scss';

.header{
	height:1.06rem;background-color: $red;
	.wpr{
		align-items:center;height:1.06rem;justify-content:center;
		span{margin:0 .25rem;}
	}
	.iconfont{font-size:.48rem;color:#fff;}
}
</style>